<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/"; 
%> 
<html> 
<head>
<meta charset="UTF-8">  
<title>Insert title here</title> 
<meta name="renderer" content="webkit"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="<%=path%>/admin/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="<%=path%>/admin/css/font.css">  
    <link rel="stylesheet" href="<%=path%>/admin/css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="<%=path%>/admin/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="<%=path%>/admin/js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  
  <body class="layui-anim layui-anim-up">
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">演示</a>
        <a>
          <cite>导航元素</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right;" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px;">ဂ</i></a>
    </div>
    <div class="x-body">
      <div class="layui-row">
        <form method="post" class="layui-form layui-col-md12 x-so" action="<%=path%>/selectNewtbale1.do">
          <input type="text" name="new_Name"  placeholder="请输入用户名" autocomplete="off" class="layui-input">
          <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
        </form>
      </div>
      <xblock>
        <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
        <button class="layui-btn" onclick="x_admin_show('添加用户','admin/Journalism-add.jsp',600,400)"><i class="layui-icon"></i>添加</button>
        <span class="x-right" style="line-height:40px">共有数据：${Npage.totalCount}条</span>
      </xblock>
      <table class="layui-table">
        <thead>
          <tr>
            <th>
              <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div>
            </th>
            <th>ID</th>
            <th>动态名称</th>
            <th>动态标题</th>
            <th>动态内容</th>
            <th>内容图片</th>
            <th>上线时间</th>
            <th>操作</th>
            </tr>
        </thead>
        <c:forEach var="newtbale" varStatus="top"items="${NewtbaleList}">
		  <tbody>
		    <tr>
				<td>
					<div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='${newtbale.new_id}'>
						<i class="layui-icon">&#xe605;</i>
					</div>
				</td>            
				<td>${top.count}</td>
				<td>${newtbale.new_Name}</td>
				<td>${newtbale.new_Title}</td>
				<td>${fn:substring(newtbale.new_Content,0,10)}...</td>
				<td><img width="100" height="60" src="${newtbale.new_img1}"></td>
				<td>${newtbale.new_Date}</td>
	            <td class="td-manage">
	              <a title="编辑"  onclick="x_admin_show('编辑','queryNewtbale.do?new_id=${newtbale.new_id}',600,400)" href="javascript:;">
	                <i class="layui-icon">&#xe642;</i>
	              </a>
	              <a title="删除" onclick="member_del(this,'${newtbale.new_id}')" href="javascript:;">
	                <i class="layui-icon">&#xe640;</i>
	              </a>
	            </td> 
          	</tr>
          <tbody> 
      	</c:forEach>
       </table>
      <div class="page">
		<div>
			<c:choose>
				<c:when test="${Npage.pageNow - 1 > 0}">
					<a class="prev"
						href="${pageContext.request.contextPath}/selectNewtbale.do?pageNow=${Npage.pageNow - 1}">&lt;&lt;</a>
				</c:when>
				<c:when test="${Npage.pageNow - 1 <= 0}">
					<a class="prev"
						href="${pageContext.request.contextPath}/selectNewtbale.do?pageNow=1">&lt;&lt;</a>
				</c:when>
			</c:choose>
			<c:forEach var="i" begin="1" end="${Npage.pageCount}" step="1">
				 <a class="num" href="${pageContext.request.contextPath}/selectNewtbale.do?pageNow=${i}">${i}</a>
			</c:forEach>
			<c:choose>
				<c:when test="${Npage.pageCount == 0}">
					<a class="next"
						href="${pageContext.request.contextPath}/selectNewtbale.do?pageNow=${Npage.pageNow}">&gt;&gt;</a>
				</c:when>
				<c:when test="${Npage.pageNow + 1 < Npage.pageCount}">
					<a class="prev"
						href="${pageContext.request.contextPath}/selectNewtbale.do?pageNow=${Npage.pageNow + 1}">&gt;&gt;</a>
				</c:when>
				<c:when test="${Npage.pageNow + 1 >= Npage.pageCount}">
					<a class="prev"
						href="${pageContext.request.contextPath}/selectNewtbale.do?pageNow=${Npage.pageCount}">&gt;&gt;</a>
				</c:when>
			</c:choose>
		</div>
      </div>

    </div>
    <script>
      layui.use('laydate', function(){
        var laydate = layui.laydate;
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
          elem: '#end' //指定元素
        });
      });

      /*用户-删除*/
      function member_del(obj,id){   	  
          layer.confirm('确认要删除吗？',function(index){
        	  
       	  $.ajax({
				type : "post",
				dataType : "json",
				url : "${pageContext.request.contextPath}/deleteNewtbale.do",
				data : {
					user_id:id
				},
				success:function(msg) {
					//发异步删除数据
			        $(obj).parents("tr").remove();
			        layer.msg('已删除!',{icon:1,time:1000});
			        
				}
				
		   	  });
       	  
          }); 
      }
      
      function delAll (argument) {

        var data = tableCheck.getData();
  
        layer.confirm('确认要删除吗？',function(index){
        	  
       	  $.ajax({
  			type : "post",
  			dataType : "json",
  			url : "${pageContext.request.contextPath}/deleteNewtbale1.do?data="+data,
			success:function(msg) {
	            //捉到所有被选中的，发异步进行删除
	            layer.msg('删除成功', {icon: 1});
	            $(".layui-form-checked").not('.header').parents('tr').remove();
			}
       	  });
        });
      } 
    </script>

  </body>
 
</html>